<template>
  <div id="app">
    <div>hello word</div>
    <enlargeImg :imgList="imgList"></enlargeImg>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return {
      imgList:[
         { id:1,src:"https://img0.baidu.com/it/u=661161858,172661768&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"},
         { id:2,src:"https://img1.baidu.com/it/u=1315078798,540081645&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"},
         { id:3,src:"https://img2.baidu.com/it/u=3990732507,3148015412&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"},
        { id:4,src:"https://img2.baidu.com/it/u=1994380678,3283034272&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"}
      ],
    }
  },
  methods:{
    leftClick(){
      console.log("left=====")
    },
    rightClick(){
      console.log("right=====")
    }
  }
}
</script>

<style>
#app {

}
</style>
